<template>
  <mars-dialog
    title="平台简介"
    customClass="base-pannel"
    width="330"
    top="500"
    right="15"
    height="40%"
  >
    <div class="intro-container">
      <p class="intro-text">
        商水县在农业应急服务体系建设方面成效显著，建成“平急两用”农机应急服务中心8个，服务范围覆盖全县19个乡镇，拥有各类农业机械15006台，其中：巡检无人机1台、植保无人机592台、小麦联合收割机1530台、玉米收获机971台、大中型拖拉机3079台、播种机械2709台、烘干机138台、排灌设备5986台（含12寸大功率水泵80台），具备强大的应急响应能力，为农业生产平稳开展和抗灾减灾提供坚实支撑。
      </p>
    </div>
  </mars-dialog>
</template>

<script setup lang="ts">
import { ref, onMounted, onUnmounted, watch } from "vue"

onUnmounted(() => {
})

</script>

<style lang="less">
// 保持对话框背景透明
.mars-dialog {
  .mars-dialog__content {
    background-color: transparent;
    padding: 20px; // 增加内边距让内容更舒展
  }
}

// 介绍文本容器
.intro-container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

// 文本样式
.intro-text {
  color: #fff; // 白色文字
  font-size: 14px; // 适中文字大小
  line-height: 1.6; // 增加行高提升可读性
  text-align: justify; // 两端对齐让排版更整齐
  margin: 0; // 清除默认外边距
}

// 可根据需要调整对话框头部样式（若与之前组件风格统一）
.mars-dialog .mars-dialog__header {
  background-color: transparent;
  .mars-dialog__title {
    color: #fff;
  }
  .mars-dialog__close {
    color: #fff;
  }
}
</style>
